<template>
<!--    编写html部分代码-->
    <div>
        <h1>单文件组件_11</h1>
        <!--    调用两个单文件组件Chaild1、2-->
<!--        <Child1></Child1>-->
<!--        <Child2></Child2>-->
        <router-view></router-view>
    </div>


</template>

<script>
    // 写js部分代码
    // 导入单文件Chaild1、2组件
    import Child1 from './componts/Child1.vue'
    import Child2 from './componts/Child2.vue'

    // 使用单文件
    export default {
        // 将两个文文件组件Chaild1、2进行注册
        components:{
            Child1,
            Child2
        }
    }
</script>

<style>
    /*写css部分代码*/
</style>